<template>
  <div class="his">
    <div class="hd">
      <h4>热门搜索</h4>
    </div>
    <div class="bd">
      <van-tag v-for="(item,index) in host" :key="index" plain type="default" >{{item}}</van-tag>

    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      
    }
  },
  props:["host"],
}
</script>
<style scoped>
.his{
  background: #e8e8e8;
  padding: 15px;
}
.hd{
  display: flex;
  justify-content: space-between;
  font-size: 20px;
 margin-bottom:5px ;
}
.van-tag{
  margin-right: 6px;
  padding: 3px;
}
</style>